﻿@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#F38B34;}
a:active {color:#F38B34;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  
select,input{ font-family:"微软雅黑";}
.zcsb_hui2{ padding:70px 0; background:#f6f6f6; overflow:hidden;}
.zcsb_contact{ width:570px; background:url(zcsb/s12.jpg) no-repeat; font-size:16px; line-height:35px; color:#666666; min-height:144px; overflow:hidden; margin:0 auto; padding-left:570px;}
.zcsb_srdh{ width:100%; padding:25px 0; overflow:hidden; background:#F38B34;}
.zcsb_srdh2{ width:600px; height:40px; margin:0 auto;}
.zcsb_text2{ width:500px; float:left; height:40px; line-height:40px; color:#ccc; font-size:16px; text-indent:20px; border:0; background:#fff;}
.zcsb_submit2{ width:100px; border:0; float:left; font-size:16px; color:#fff; height:40px; background:#222222; line-height:40px; text-align:center; cursor:pointer; float:left;}
.page{ float:left; width:100%; text-align:center; margin:0px 0 50px;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; font-size:14px;}
.page a.current,.page a:hover{ color:#fff; border:1px solid #F38B34; background:#F38B34;}
/*新闻资讯*/
.headtop{ float: left; width: 100%; padding: 25px 0; border-bottom: 1px solid #efefef;}
.logo{ float: left; width: 176px; }
.logo img{ display: block;  vertical-align: bottom;}
.tel{background: url(tel2.png) no-repeat 0 center; padding: 0 30px 0 40px; font-size: 20px; line-height: 40px; display: inline; float: right; font-weight: bold; position: relative; z-index: 2; color: #666;}
.head{ float: left; width: 100%; }
.menu{ float: left; margin: 0 0 0 20px;}
.menu li{ float: left; margin-right: 50px; font-size: 16px; line-height: 68px;}
.menu li a{display: block;}
.menu li.on a{ background: url(ico2.gif) no-repeat center bottom;color:#F38B34;}
.searchform{ float: right; background: url(searchbg.gif) no-repeat; width: 186px; height: 30px; position: relative; margin: 19px 0 0; }
.txt_search{ float: left; width: 130px; padding: 0 36px 0 20px; border: medium none; background-color: transparent; height: 30px; line-height: 30px; color: #d0d0d0; font-size: 12px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.btn_search{ position: absolute; right: 0; top: 0; width: 28px; height: 30px; cursor: pointer; background-color: transparent; border: medium none;}
.topbg{ float: left; width: 100%; background: url(topbg.jpg) no-repeat center top; padding: 36px 0 0; height: 138px;}
.toptle{ float: left; border-right: 2px solid #ebebeb; padding: 0 26px 0 0;}
.toptle dt{ float: left; color: #fafbfc; font-size: 100px; line-height: 80px;}
.toptle dd{ float: left;}
.toptle dd span{ display: block; font-size: 30px; color: #fafbfc; margin: 0 0 12px; line-height: 34px;}
.toptle dd i{ display: block; font-size: 38px; color: #fafbfc; text-transform: uppercase; line-height: 38px;}
.site{ float: right; margin: 10px 0 0; color: #ebebeb; line-height: 28px;}
.site a{ color: #ebebeb;}
.site i{ margin: 0 5px;}
.newsbanbox{ width:1140px; height:350px; position:relative; margin: 50px 0 0;}
.newsban{ width:1140px; height:350px; overflow: hidden; position: relative;}
.newsban ul {height: 350px; }
.newsban li{ position: relative;width:1140px; height:350px;}
.newsban li span{ position: absolute; left: 0; bottom: 0; width: 1116px; color: #fff; background: url(touming.png); height: 60px; line-height: 60px; padding: 0 12px; font-size: 20px;}
.newsban a img{ width:1140px; height:350px; display: block; vertical-align: bottom; }
.lbtn,.rbtn{position: absolute;left: 0; top: 50%; width: 58px; height: 81px; margin-top: -40px;}
.rbtn{left: auto; right: 0;}
.banner{ min-width:1075px; overflow:hidden;}
.banner-box{ width:100%;height:450px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:450px;}
.banner-box .bd li a{display:block;background-size:auto;height:450px; width:100%;}

.banner-btn{width:100%;position:absolute;top:190px; margin:0 auto}
.banner-btn a{display:block;width:30px;height:57px;position:absolute;top:0; outline:none}
.banner-btn a.prev{left:40px;background:url(le.png) no-repeat;} 
.banner-btn a.prev:hover{background:url(le2.png) no-repeat;}
.banner-btn a.next{right:40px;background:url(ri.png) no-repeat;}
.banner-btn a.next:hover{background:url(ri2.png) no-repeat;}

.banner-box .hd {position:absolute;top:230px;left:50%; margin-left:-24px; }
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin:0px 3px;background:#000;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#F38B34;}
.main{ float: left; width: 100%;transition: margin 0.2s ease 0s;}
/*瀑布流*/
.khkblist{ float: left; width: 1140px; }
.casebox{width:346px;padding-bottom:36px; border-bottom: 1px dashed #9d9d9d;}
.kbpic{ cursor: pointer;}
.kbpic img{ display: block; width: 100%; vertical-align: bottom;}
.casecon{}
.title23{line-height:30px; color:#313131; font-size:18px; margin: 14px 0 0; cursor: pointer;}
.casebox a:hover .title23{ color: #F38B34;}
.commenttime{color:#999;line-height:34px;}
.detail21{line-height:24px;color:#858585;font-size:14px}
.more{ cursor: pointer; margin: 24px auto 0; display: block; width: 103px; height: 33px; line-height: 33px; color: #fff; font-size: 14px; background: #F38B34; text-align: center;}
.more:hover{ color: #fff;}
/*瀑布流 end*/
.gotop{float:left; width:40px; position:fixed; _position: absolute; z-index: 90; bottom:60px; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));  right:10px; display:none; cursor: pointer;}
.gotop img{ display:block; width:100%;  vertical-align:bottom;}
.foot{ float:left; width:100%; background:#4c5154; padding:30px 0 60px 0; margin-top:50px;  }
.foot .wrap{width:1200px}
.foottop{ float:left; width:100%; margin:50px 0 0; background:url(../images/line2.gif) repeat-x 0 bottom; padding:0 0 42px;}
.footmid{ float:left; width:100%; margin:26px 0 0; padding:0 0 42px; background:url(../images/line2.gif) repeat-x 0 bottom;}
.footleft{ float:left; width:625px;}
.footlink a{ color:#828b90;}
.footlink a:hover{ color:#ffc261;}
.footlink i{ margin:0 5px; color:#828b90;}
.footbtm{ float:left; width:100%; margin:30px 0 0;}
.copyright{ line-height:18px; color:#828b90; margin:15px 0 0;}
.copyright a{color:#828b90; }
.ewm{ float:right; width:232px; position: relative;}
.ewm li{ float:left;width:89px; height:89px; border:5px solid #474B4F; border-radius:3px; margin:0 34px 0 0;}
.ewm li.noright{ margin:0;}
.ewm li img{ width:89px; height:89px; display:block; vertical-align:bottom;}
.hbwb{ width:90px; height:90px; background:url(../images/hbwb.png); float:right; margin-top:30px;}
.hbwb a{ display:block; outline:none;width:90px; height:90px;}
.hbwb a:hover{background:url(../images/hbwb2.png);}
.hbwx{ width:90px; height:90px; background:url(../images/hbwx.png);margin-left:30px;margin-top:30px; float:right; position: relative;}
.hbwx a{ display:block; outline:none;width:90px; height:90px;}
.hbwx a:hover{background:url(../images/hbwx2.png); }
#hbewm{width:120px;height:151px;background:url(../images/hbewm2.png) no-repeat;position: absolute;top: 7px;display:none;left: 50%; top: -160px; margin-left: -60px;}
.btmaddress{ float:left; width:100%;}
.addressleft{  float: left; width: 30%; margin: 0 5% 0 0; display: inline;  padding-bottom:25px;  }
.addressnoright{margin-right: 0;}
.addresstle3{ background:url(../images/fico3.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle4{ background:url(../images/fico4.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle5{ background:url(../images/fico5.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle6{ background:url(../images/fico6.png) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle{ font-size:25px; color:#fff;line-height:30px;}
.addresstle1{ background:url(../images/fico1.gif) no-repeat 0 center; padding:0 0 0 20px; }
.addresstle2{ background:url(../images/fico2.gif) no-repeat 0 center; padding:0 0 0 30px; }
.btmtel{ float:right; line-height:30px; font-size:16px; color:#828b90;}
.btmtel i{ color:#ffc261; font-size:21px; font-family:Impact, Arial;}
.btmcontact{ float:left; width:100%; margin:20px 0 0;}
.btmcontact dt{ float:left; color:#828b90; line-height:18px;}
.btmcontact dd{ float:right; color:#828b90; line-height:18px;}
.detail17{  color:#828b90; line-height:18px;}
.articlebox{float: left; width: 90%; padding: 0 5% 50px;}
.articletle{margin: 50px 0 0;font-size:26px; line-height:28px; z-index:6666; text-align:center; color:#282828;}
.articlecon{line-height: 24px; font-size: 14px; margin: 40px 0 0; }
.articlecon img{ max-width: 100%;}
.nynavlist{ float: right; margin: 22px 0 0;}
.nynavlist li{ float: left; width: 128px; height: 40px; margin: 0 0 0 27px; display: inline;}
.nynavlist li a{ display: block; line-height: 38px; border: 1px solid #fff; color: #fafbfc; font-size: 16px; text-align: center;transition: all 0.2s ease 0s;}
.nynavlist li.on a, .nynavlist li a:hover{ background:#e9781a; border: 1px solid #e9781a;}
.nynavlist1 li{ width: 114px;}
.nynavlist1 li a{ font-size: 15px;}
/*新闻资讯 end*/


/*合作伙伴*/
.partnertabbox{ background: url(line.gif) repeat-x 0 center; margin: 80px 0 70px;}
.partnertablist{ margin: 0 auto; width: 350px; padding: 0 5.5%; background: #fff;transition: all 0.2s ease 0s;}
.partnertablist span{display: inline-block; width: 50%; transition: all 0.2s ease 0s;}
.partnertablist span i{text-align: center; line-height: 56px; border: 1px solid #666; font-size: 24px; color: #666;background: #fff; display: block;transition: all 0.2s ease 0s;}
.partnertablist span.on i{ background: #F38B34; color: #fff; border: 1px solid #F38B34;}
.partnertabcon{ float: left; width: 100%; padding: 0 0 100px; }
.partnertabcon ul{display: none;}
.partnertabcon li{ float: left; width: 24.025%; *width: 24%; margin: 0 1.3% 15px 0; *margin: 0 1.2% 15px 0;transition: all 0.2s ease 0s;}
.partnertabcon li.noright{ margin-right: 0;}
.partnertabcon li span{ display: block; border: 1px solid #f2f2f2; padding: 6px;}
.partnertabcon li img{ display: block; width: 80%; margin: 20px 10%; vertical-align: bottom;}
.partnertabcon li.hover span{ border: 7px solid #F38B34; padding: 0;}
/*合作伙伴 end*/

/*荣誉资讯*/
.honorlist{ float: left; width: 884px; padding: 28px 0 0; margin: 0 0 0 138px;}
.honorlist li{ float: left; width: 320px;  padding: 40px 50px; border: 1px solid #e3e3e3; background: #f7f7f7; margin: 20px 20px 0 0;}
.honorlist li img{width: 100%;  display: block; vertical-align: bottom;}
/*荣誉资讯 end*/

/*业务范围*/
.business_table{ margin: 60px 0 0;box-shadow: 5px 5px 18px rgba(0,0,0,0.08);}
.business_table table{ width: 100%; border-collapse: collapse;}
.businesstle{ width: 6.5%; font-size: 36px; line-height: 42px; color: #fafbfc; background: #eb8635; text-align: center; height: 288px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-weight: bold;}
.businesscon{ width: 93.5%; border: 1px solid #f2f2f2; height: 288px; border-left: medium none; padding: 0 0 0 70px; background: url(ico3.gif) no-repeat 0 center; }
.detail{font-size: 14px; line-height: 30px;}
.detail span{ font-weight: bold; color: #222; }
/*业务范围 end*/

/*人才招聘*/
.joinbox{ float: left; width: 1138px; border: 1px solid #e7e7e7; margin: 60px 0 0;}
.jointop{ float:left; width:1042px; padding: 38px 48px 20px;}
.pay{ float:right; line-height:20px; color: #fa0606; font-size: 16px;}
.joindl{ float: left;}
.joindl dt{ float: left; width: 41px;}
.joindl dt img{ display: block; width: 41px; height: 52px; vertical-align: bottom;}
.joindl dd{ float: left; margin: 0 0 0 18px; display: inline;}
.title19{ display:block;font-size:18px; color:#222; line-height:20px; margin: 0 0 16px; }
.detail7{font-size: 14px; line-height: 16px;}
.detail7 i{ margin: 0 8px;}
.joincon{ float:left; padding:20px 48px 38px; width: 1042px; background: #f5f5f5;}
.title20{ font-size:14px; color:#F38B34; line-height: 16px; margin: 0 0 28px; }
.joincon dd{ float:right; width:165px; }
.joincon dd a{display:block; border-radius:3px; color:#fff;line-height:29px; text-align:center; font-size: 14px;}
.upload_btn{background:#F38B34;}
.upload_btn:hover{color:#fff; background:#f42131;}
.joincon dt{ line-height:23px; float:left; width:630px; color: #999; font-size: 14px;}
/*人才招聘 end*/

/*联系我们*/
.contactbg{ float: left; width: 100%; background: #f7f7f7; padding: 0 0 100px;}
.contactbox{float: left; width: 100%; box-shadow: 5px 5px 20px rgba(0,0,0,0.08); margin: 60px 0 0;}
.contacttop{ float: left; width: 1078px; background-repeat:no-repeat;  background-position: right bottom; background-color: #fff; padding: 38px 0 38px 62px;position: relative;}
.contactleft{ float: left; width: 243px; border-right: 1px dashed #a8a8a8;}
.contactleft span{color: #222; display: block; line-height: 45px; font-size: 30px;}
.contactleft i{ display: block; line-height: 40px; color: #F38B34; font-size: 14px; text-transform: uppercase;}
.contactright{ float: right; width: 785px;}
.contactlist{ float: left; width: 240px;}
.contactlist li{ line-height: 24px; font-size: 14px;}
.contactlist1{ width: 490px;}
.map{ float: left; width: 100%; }
.map img{ display: block; width: 100%; vertical-align: bottom;}
.messagebox{ float: left; width: 100%;}
.titlebox{ text-align: center; margin: 60px 0 42px;}
.titlebox span{color: #F38B34; font-size: 38px; display: block; line-height: 52px; }
.titlebox em{ display: block; margin: 0 auto; width: 56px; height: 6px; border-bottom: 2px solid #F38B34;}
.titlebox i{ display: block; line-height: 28px; font-size: 14px; font-family: arial; text-transform: uppercase;}
.formleft{ float: left; width:470px;}
.formbox{ float: left; width: 100%; margin: 20px 0 0;}
.title7{ float: left; font-size: 14px; color: #7e7e7e; line-height: 40px; width: 80px;}
.input,.textarea{ float: left; width: 368px; border: 1px solid #ccc; background: #f6f6f6; padding: 0 10px; height: 38px; line-height: 38px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px;}
.formright{ float: right; width:470px;}
.textarea{ height:84px; padding: 7px 10px; line-height: 24px;}
.submitbtn{ display: block; margin: 50px auto 0; width: 214px; background: #F38B34; color: #fff; height: 40px; line-height: 35px; font-size: 18px; border: medium none;font-family:"\5FAE\8F6F\96C5\9ED1"; cursor: pointer;}
.yzmpic{ float: left; margin: 0 0 0 10px; display: inline;}
.yzmpic img{ display: block; width: 95px;  height: 40px; vertical-align: bottom;}
/*联系我们 end*/

/*公司简介*/
.aboutdl{ float: left; width: 100%;}
.aboutdl dt{ float: left; width: 540px; height: 292px; position: relative;}
.aboutdl dt img{ display:block; vertical-align: bottom; width:100%; position: relative; z-index: 2;}
.aboutdl dt em{ position: absolute; right: -35px; bottom: -35px; display: block; width: 530px; height: 170px; border: 4px solid #F38B34; }
.aboutdl dd{ float: right; width: 524px; font-size: 14px; line-height: 26px; color: #848484;}
.aboutcon{ float: left; width: 100%; margin: 36px 0 0; }
.branddl{ float: left; width: 100%; margin: 64px 0 0;border-top: 1px dotted #8d8d8d; padding: 64px 0 0;}
.branddl dt{ float: right; width: 232px; height: 186px;}
.branddl dt img{ display: block; width: 230px; height: 184px; border: 1px solid #ededed;}
.branddl dd{ float: left; width: 790px;}
.title8{ margin: 0 0 20px;}
.title8 span{ display: block; line-height: 30px; font-size: 20px;}
.title8 i{ display: block; line-height: 26px; font-size: 14px;}
.detail8{font-size: 14px; line-height: 26px; color: #848484;}
.businessbox{background: #ebebeb; float: left; width: 100%; padding: 96px 0;}
.ztlist{ float: left; width: 100%;}
.ztlist li{ float: left; width: 224px; text-align: center;}
.ztpic{ margin: 0 auto; width: 100px; transition: width 0.2s ease 0s;}
.ztpic img{ display: block; width: 100%; vertical-align: bottom;}
.ztpic i{display: none;}
.ztlist li.hover .ztpic i{ display: block;}
.ztlist li.hover .ztpic span{ display: none;}
.zttlecn{ display: block; font-size: 18px; line-height: 30px; margin: 24px 0 8px;}
.zttleen{ display: block; font-size: 14px; line-height: 18px; }
.bcpic{ text-align: center; margin: 70px 0 120px;}
.historybox{ float: left; width: 100%; background: url(history.jpg) no-repeat center top; padding: 0 0 60px;}
.servicebg{ float: left; width: 1126px; background: url(servicebg.jpg) no-repeat; height: 546px; margin: -50px 0 0 -6px; display: inline;}
.servicebox{ float: left; margin: 176px 0 0 56px; width: 700px; display: inline;}
.servicetop{ float: left; width: 100%;}
.servicetop span{ float: left; width: 150px; height: 54px; line-height: 54px; background: #F38B34; color: #fff; font-size: 28px; text-align: center; margin-right: 35px;}
.detail9{ float: left; width: 472px; font-size: 18px; line-height: 30px; margin: 40px 0 0;}
.line{ display: block; width: 52px; height: 20px; border-bottom: 2px solid #b2b2b2;}
.detail10{ color: #222; font-size: 22px; font-weight: bold; margin: 30px 0 0; line-height: 30px;}
.detail10 span{ color: #F38B34;}
.honorbg{ float: left; width: 100%; background: #f7f7f7; padding: 58px 0;}
.honorlist1{ float: left; width: 732px; margin: 0 0 0 194px; display: inline;}
.honorlist1 li{ float: left; width: 320px; margin:23px; display: inline;}
.honorlist1 li img{ display: block; width:100%; vertical-align: bottom;}
.historypic{ text-align: center;}
.historypic img{ max-width: 1379px; min-width: 1200px; width: 90%;}
/*公司简介 end*/

/*媒体报道*/
.bannerboxbg{ width: 100%; height: 550px; position: relative; overflow: hidden; margin: 60px 0 50px;}
.bannerbox2{ width:906px; height:550px; position:relative;  margin: 0 auto;}
.banner2{ width:906px; height:550px;  position: relative;}
.banner2 ul {height: 550px; }
.banner2 li{ background: url(media.jpg) no-repeat; width: 906px;height: 534px;  padding: 16px 0 0; margin-right: 170px;}
.banner2 img{ width:854px; height:523px; margin-left: 15px; }
.lbtn2,.rbtn2{position: absolute;left: 50%; width: 58px; margin-left: -570px; z-index: 1; top: 0; background: url(lbtn.png) no-repeat 0 center;  height: 100%;  text-indent: -9999px; cursor: pointer;}
.rbtn2{ background: url(rbtn3.png) no-repeat right center; margin-left: 492px;}
.lmask,.rmask{ left:0; top:0; height:550px; position:absolute; background: #fff; opacity: 0.4; filter: Alpha(opacity=40);}
.rmask{left: auto; right: 0;}
.slidenumbg{ float: left; width: 100%; background: #fafafa; padding: 0 0 50px;}
.slidenumbg .wrap{ width: 901px;}
.slidenum2{ float: left; width: 931px;}
.slidenum2 span {float: left; width:97px; border: 1px solid #666; margin-right: 30px; padding: 2px; background: #fff; cursor: pointer;}
.slidenum2 span img{ width: 100%;}
.slidenum2 span.current{border: 1px solid #F38B34; background: #F38B34;}
/*媒体报道 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1140px;}
.wrap1{ margin: 0 auto; width: 1120px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/

.izcdt{ width:360px; overflow:hidden; float:left; margin-right:30px; background:#fff; border-bottom:2px solid #fff; margin-bottom:30px; font-size:14px;}
#nofl{ float:right; margin-right:0;}
.izcdt img{ width:360px; height:200px;}
.izcdt_main{ width:330px; padding:10px 15px; overflow:hidden; }
.izcdt_t{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.izcdt_t a{ color:#000}
.izcdt_txt{ width:100%; height:75px; line-height:25px; overflow:hidden; font-size:14px;}
.izcdt:hover{ border-bottom:2px solid #F38B34}

.hzli{ width:220px; border:1px solid #ddd; margin-right:30px; overflow:hidden; margin-bottom:60px;}
.hzli img{ width:100%; float:left; height:140px;}
.ffoot{ background:#333; color:#fff; text-align:center; line-height:28px; padding:30px 0; font-size:14px;}
.ffoot a{ color:#fff;}